/* banner */
.bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 45%;}
}

/* title */
.home_title{line-height: 1;text-align: center;padding-bottom: 50px;}
.home_title p{font-size: 42px;font-weight: 600;padding-bottom: 25px;color: #004d99;}
.home_title p a{color: #004d99;}
.home_title p a:hover{color: #f24f18;}
.home_title span{font-size: 16px;line-height: 20px;color: #808080;display: inline-block;padding: 0 50px;text-transform: uppercase;position: relative;margin: 0 auto;}
.home_title span::after,
.home_title span::before{content: "";width: 35px;height: 1px;background: #ccc;position: absolute;top: 50%;right: 0;margin-top: -1px;}
.home_title span::before{left: 0;}

@media only screen and (max-width:1250px){
.home_title{padding-bottom: 45px;}
.home_title p{font-size: 36px;padding-bottom: 20px;}
}
@media only screen and (max-width:1024px){
.home_title{padding-bottom: 40px;}
}
@media only screen and (max-width:768px){
.home_title{padding-bottom: 30px;}
.home_title p{font-size: 30px;padding-bottom: 15px;}
.home_title span{font-size: 15px;}
}
@media only screen and (max-width:480px){
.home_title{padding-bottom: 30px;}
.home_title span{padding: 0 40px;}
.home_title span::after,
.home_title span::before{width: 30px;}
}
@media only screen and (max-width:425px){
.home_title{padding-bottom: 25px;}
.home_title p{font-size: 25px;padding-bottom: 10px;}
.home_title span{font-size: 14px;padding: 0;}
.home_title span::after,
.home_title span::before{content: none;}
}

/* product */
.productbox{padding: 70px 0;}
.clalist{width: 18%;max-width: 250px;float: left;}
.clalist .titl{width: 100%;padding: 28px 5% 28px 30%;position: relative;background: #004d99;color: rgba(255,255,255,.75);line-height: 1;}
.clalist .titl p{font-size: 26px;color: #fff;font-weight: 600;padding-bottom: 4px;}
.clalist .titl em{font-size: 60px;position: absolute;left: 30%;top: 50%;margin-top: -30px;margin-left: -45px;font-style: normal;}
.clalist .titl span{display: block;white-space: nowrap;}

.clalist ul{flex-wrap: wrap;}
.clalist ul li{width: 100%;border-bottom: 1px solid #e6e6e6;}
.clalist ul li a{display: block;font-size: 16px;line-height: 25px;padding: 22px 11% 22px 8%;background: #f5f5f5 url(../images/icon3.png) 93% center no-repeat;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.clalist ul li:hover a{background-image: url(../images/icon4.png);}

.clalist .tel{width: 100%;padding: 12% 0;text-align: center;background: #f24f18;line-height: 25px;margin: 20px 0 10px;}
.clalist .tel p{width: 130px;height: 40px;margin: 0 auto;background: url(../images/icon5.png) center no-repeat;position: relative;}
.clalist .tel p *{width: 30px;height: 2px;background: #fff;position: absolute;top: 50%;margin-top: -1px;right: 0;}
.clalist .tel p i{left: 0;}
.clalist .tel em{display: block;font-size: 25px;font-style: normal;font-weight: 600;white-space: nowrap;padding: 15px 5px;color: #fff;}
.clalist .tel a{display: block;font-size: 15px;font-weight: 600;width: 120px;padding: 5px;background: #fff url(../images/icon6.png) center repeat-x;border-radius: 3px;color: #f24f18;margin: 0 auto;}
.clalist .tel a:hover{width: 150px;}

.prolist{width: 80%;max-width: 1140px;float: right;margin-bottom: -25px;}
.prolist .titl{margin-bottom: 45px;position: relative;overflow: hidden;padding-right: 60px;}
.prolist .titl::after{content: "";width: 100%;height: 1px;background: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: -1;}
.prolist .titl p{width: 33.333%;max-width:180px;float: left;line-height: 25px;text-align: center;}
.prolist .titl p span{display: block;width: 100%;padding: 15px 5px;font-size: 20px;font-weight: 600;cursor: pointer;white-space: nowrap;overflow: hidden;}
.prolist .titl p a{font-size: 15px;color: #808080;padding: 15px 0;text-transform: uppercase;opacity: 0;position: absolute;right: 0;top: 0;z-index: 0;}
.prolist .titl p a:hover{color: #f24f18;}
.prolist .titl p:first-child span,
.prolist .titl.title p:hover span,
.prolist .titl.title p.active span{background: #f24f18;color: #fff;}
.prolist .titl p:first-child a,
.prolist .titl.title p.active a{opacity: 1;z-index: 5;}
.prolist .title p:first-child span{background: none;color: #333;}
.prolist .title p:first-child a{opacity: 0;z-index: 0;}

.prolist .list{margin: 0 -10px;flex-wrap: nowrap;position: relative;}
.prolist .list ul{width: 100%;float: left;flex-shrink: 0;}
.prolist .list ul li{width: 25%;float: left;padding: 0 10px 10px;text-align: center;}
.prolist .list ul li a{display: block;width: 100%;overflow: hidden;}
.prolist .list ul li p{width: 100%;border: 1px solid #ddd;overflow: hidden;}
.prolist .list ul li em{padding-bottom: 75%;}
.prolist .list ul li h3{display: block;width: 100%;font-size: 15px;line-height: 20px;padding: 15px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media only screen and (max-width:1440px){
.productbox{padding: 60px 0;}
.clalist .titl{padding: 23px 5% 23px 30%;}
.clalist ul li a{padding: 19px 11% 19px 8%;}
.prolist .titl{margin-bottom: 35px;}
.prolist .list{padding: 0 5px;}
.prolist .list ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 55px 0;}
.clalist{width: 19%;}
.clalist .titl{padding: 21px 5% 21px 26%;}
.clalist .titl p{font-size: 20px;}
.clalist .titl em{font-size: 50px;margin-top: -25px;}
.clalist ul li a{padding: 15px 11% 15px 8%;font-size: 15px;}
.clalist .tel{padding: 10% 0;margin: 10px 0 5px;}
.clalist .tel em{padding: 10px 5px;}
.prolist{width: 79%;margin-bottom: -20px;}
.prolist .titl{margin-bottom: 30px;}
.prolist .titl p{line-height: 20px;max-width: 160px;}
.prolist .titl p span{font-size: 16px;}
.prolist .titl p a{font-size: 14px;}
.prolist .list ul li h3{font-size: 14px;padding: 10px 5px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 50px 0;}
.clalist{width: 100%;max-width: 100%;}
.clalist .titl,
.clalist .tel{display: none;}
.clalist ul{margin: -1px;}
.clalist ul li{width: 25%;float: left;flex-shrink: 0;padding: 1px;border: none;}
.clalist ul li h2{display: block;width: 100%;height: 100%;padding: 5px;min-height: 50px;position: relative;background: #f5f5f5;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.clalist ul li h2 a{padding: 0;background: none;text-align: center;font-weight: 600;line-height: 20px;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.clalist ul li:hover h2{background: #f24f18;}
.clalist ul li:hover h2 a{color: #fff;background: none;}
.prolist{width: 100%;max-width: 100%;padding-top: 40px;}
.prolist .titl p{line-height: 25px;max-width: 150px;}
.prolist .titl p span{padding: 10px 5px;}
.prolist .titl p a{padding: 10px 5px;}
}
@media only screen and (max-width:768px){
.productbox{padding: 45px 0;}
.prolist{padding-top: 35px;}
.prolist .titl{padding: 0;}
.prolist .titl p{position: relative;}
.prolist .titl p::after{content: "";width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 9;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.prolist .titl p a{width: 100%;height: 100%;opacity: 0;}
.prolist .titl p:first-child a,
.prolist .titl.title p.active a{opacity: 0;}
.prolist .titl.title p:hover::after,
.prolist .titl.title p.active::after{width: 0;}
.prolist .list ul li{width: 50%;}
}
@media only screen and (max-width:560px){
.clalist ul li{width: 33.333%;}
}
@media only screen and (max-width:480px){
.productbox{padding: 40px 0;}
.clalist ul li{width: 50%;}
.prolist .titl{margin-bottom: 20px;}
}
@media only screen and (max-width:425px){
.productbox{padding: 35px 0;}
.prolist{margin-bottom: -15px;padding-top: 30px;}
.prolist .titl p span{font-size: 15px;}
.prolist .list{padding: 0 7px;}
.prolist .list ul li{padding: 0 3px 5px;}
}

/* xbanner */
.xbanner{background: #004d99 url(../images/bg1.jpg) center no-repeat;background-size: cover;color: #fff;text-align: center;line-height: 1.2;padding: 40px;}
.xbanner p{font-size: 50px;white-space: nowrap;padding: 10px 0;}
.xbanner span{font-size: 30px;white-space: nowrap;letter-spacing: 2px;}

@media only screen and (max-width:1250px){
.xbanner{padding: 3% 3% 4%;}
.xbanner p{font-size: 42px;}
.xbanner span{font-size: 24px;}
}
@media only screen and (max-width:1024px){
.xbanner p{font-size: 36px;}
.xbanner span{font-size: 20px;}
}
@media only screen and (max-width:768px){
.xbanner p{font-size: 30px;font-weight: 600;}
.xbanner span{letter-spacing: 0;}
}
@media only screen and (max-width:640px){
.xbanner p{font-size: 24px;}
.xbanner span{font-size: 18px;line-height: 20px;white-space: normal;letter-spacing: 1px;}
}
@media only screen and (max-width:480px){
.xbanner p{font-size: 20px;}
.xbanner span{font-size: 18px;}
}
@media only screen and (max-width:425px){
.xbanner{padding: 3% 2% 5%;}
.xbanner p{font-size: 18px;}
.xbanner span{font-size: 16px;letter-spacing: 0;}
}

/* advantage */
.advantagebox{padding: 70px 0;}
.advantagebox .txtbox{width: 100%;padding-bottom: 10px;}
.advantagebox .pic{width: 40%;max-width: 560px;float: left;}
.advantagebox .pic p{width: 100%;overflow: hidden;}
.advantagebox .pic em{padding-bottom: 310px;z-index: -1;}
.advantagebox .pic em img{max-width: none;max-height: none;width: 100%;min-height: 100%;}

.advantagebox .txt{width: 58%;float: right;}
.advantagebox .txt .icon{width: 100%;height: 40px;padding-left: 180px;position: relative;}
.advantagebox .txt .icon em{display: block;width: 100%;height: 100%;border-top: 1px dashed #ccc;}
.advantagebox .txt .icon img{height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.advantagebox .txt .titl{width: 100%;font-size: 30px;font-weight: 600;line-height: 1;padding: 20px 25px;margin-top: 20px;white-space: nowrap;}
.advantagebox .txt .text{width: 100%;padding-left: 25px;font-size: 15px;color: #808080;line-height: 2;height: 150px;overflow: hidden;}

.advantagebox .txt2 .pic{float: right;}
.advantagebox .txt2 .txt{float: left;}

@media only screen and (max-width:1440px){
.advantagebox{padding: 60px 0;}
}
@media only screen and (max-width:1250px){
.advantagebox{padding: 55px 0;}
.advantagebox .pic{width: 43%;}
.advantagebox .pic em{padding-bottom: 280px;}
.advantagebox .txt{width: 55%;}
.advantagebox .txt .titl{font-size: 24px;margin-top: 15px;}
}
@media only screen and (max-width:1024px){
.advantagebox{padding: 50px 0;}
.advantagebox .pic{width: 48%;max-width: 450px;}
.advantagebox .pic em{padding-bottom: 240px;}
.advantagebox .txt{width: 51%;}
.advantagebox .txt .icon{height: 35px;padding-left: 155px;}
.advantagebox .txt .titl{padding: 15px 20px;margin-top: 10px;}
.advantagebox .txt .text{padding-left: 20px;height: 140px;font-size: 14px;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 45px 0;}
.advantagebox .txtbox{padding-bottom: 20px;}
.advantagebox .txt3{padding-bottom: 5px;}
.advantagebox .pic{width: 100%;max-width: 100%;}
.advantagebox .pic em{padding-bottom: 56.25%;}
.advantagebox .txt{width: 100%;padding: 5px 0 15px;}
.advantagebox .txt .text{height: auto;font-size: 15px;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 40px 0;}
}
@media only screen and (max-width:425px){
.advantagebox{padding: 35px 0;}
.advantagebox .txt .icon{height: 30px;padding-left: 135px;}
.advantagebox .txt .titl{font-size: 20px;}
.advantagebox .txt .text{line-height: 26px;}
}

/* company */
.companybox{padding: 70px 0;background: #004d99 url(../images/bg2.jpg) center no-repeat;background-attachment: fixed;}
.companybox .home_title{padding-top: 5px;}
.companybox .home_title a{color: #fff;}
.companybox .home_title span{color: rgba(255,255,255,.75);}
.companybox .home_title span::after,
.companybox .home_title span::before{background: rgba(255,255,255,.5);}

.companybox .picbox{width: 45%;max-width: 600px;float: right;}
.companybox .picbox p{width: 100%;overflow: hidden;border-radius: 10px;}
.companybox .picbox em{padding-bottom: 450px;z-index: -1;}
.companybox .picbox em img{max-width: none;max-height: none;min-width: 100%;height: 100%;}

.companybox .txtbox{width: 54%;float: left;padding: 10px 0;}
.companybox .txtbox .titl{width: 100%;color: #fff;line-height: 1;}
.companybox .txtbox .titl p{font-size: 30px;font-weight: 600;white-space: nowrap;}
.companybox .txtbox .titl span{font-size: 25px;display: block;white-space: nowrap;padding: 15px 0;}
.companybox .txtbox .text{font-size: 16px;line-height: 2;color: rgba(255,255,255,.9);overflow: hidden;height: 275px;margin: 10px 0;}
.companybox .txtbox .text p{padding: 5px 0;text-indent: 2em;}
.companybox .txtbox .more{overflow: hidden;}
.companybox .txtbox .more a{font-size: 15px;text-transform: uppercase;color: #fff;border: 1px solid rgba(255,255,255,.5);line-height: 20px;padding: 14px 39px;float: left;}

.honorbox{width: 100%;clear: both;padding: 50px 0;}
.honorbox ul li{width: 25%;float: left;text-align: center;}
.honorbox ul li div{width: 100%;height: 100%;background: #fff;border-radius: 5px;padding: 15px;position: relative;}
.honorbox ul li p{width: 100%;padding-bottom: 120%;overflow: hidden;position: relative;}
.honorbox ul li p img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.honorbox ul li h3{display: block;font-size: 15px;line-height: 30px;padding: 15px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: -10px;}
.honorbox ul li a{width: 50px;height: 50px;border-radius: 25px;background: #f24f18;position: absolute;left: 50%;top: 50%;margin: -50px -25px;z-index: 5;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);opacity: 0;}
.honorbox ul li a img{position: absolute;left: 50%;top: 50%;margin: -10px;}
.honorbox ul li a::after{content: "";border-radius: 50%;}

.honorbox ul li:hover h3{color: #f24f18;}
.honorbox ul li:hover a{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);opacity: 1;}
.honorbox ul li a:hover img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}

@media only screen and (max-width:1440px){
.companybox{padding: 60px 0;}
.companybox .picbox em{padding-bottom: 405px;}
.companybox .txtbox{width: 53%;padding: 0;}
.companybox .txtbox .text{margin: 5px 0;height: 260px;font-size: 15px;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 55px 0;}
.companybox .picbox,
.companybox .txtbox{width: 49%;}
.companybox .picbox em{padding-bottom: 400px;}
.companybox .picbox p{border-radius: 5px;}
.companybox .txtbox .titl p{font-size: 25px;}
.companybox .txtbox .titl span{font-size: 20px;padding: 10px 0;}
.companybox .txtbox .text{line-height: 28px;height: 270px;}
.companybox .txtbox .more{padding-top: 10px;}
.companybox .txtbox .more a{line-height: 25px;padding: 9px 24px;}
.honorbox{padding: 45px 0;}
.honorbox ul li h3{padding: 10px 0;}
.honorbox ul li a{margin: -40px -20px;width: 40px;height: 40px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 50px 0;background-attachment: unset;background-size: cover;}
.companybox .picbox,
.companybox .txtbox{width: 100%;max-width: 100%;position: relative;}
.companybox .picbox p{border-radius: 10px;}
.companybox .picbox em{padding-bottom: 66.667%;}
.companybox .txtbox{margin: 5px 0;}
.companybox .txtbox .titl p{padding-top: 30px;}
.companybox .txtbox .titl span{padding: 15px 0;}
.companybox .txtbox .text{line-height: 2;height: auto;font-size: 16px;margin: 0;}
.companybox .txtbox .text p{padding: 10px 0 0;}
.companybox .txtbox .more{position: absolute;left: 0;top: 0;}
.companybox .txtbox .more a{width: 320px;border: none;opacity: 0;}
.honorbox{padding: 40px 0;}
.honorbox ul li div{padding: 10px;}
.honorbox ul li h3{font-size: 14px;line-height: 25px;}
.honorbox ul li a{margin: -37.5px -20px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 45px 0;}
.companybox .picbox p{border-radius: 5px;}
.companybox .txtbox{margin: 0;}
.companybox .txtbox .titl span{padding: 10px 0;}
.companybox .txtbox .text{font-size: 15px;}
}
@media only screen and (max-width:480px){
.companybox{padding: 40px 0;}
.companybox .txtbox .titl p{font-size: 20px;padding-top: 25px;}
.companybox .txtbox .titl span{font-size: 16px;font-weight: 600;}
.honorbox{padding: 30px 0 35px;}
}
@media only screen and (max-width:425px){
.companybox{padding: 35px 0;}
.honorbox ul li h3{line-height: 20px;}
.honorbox ul li a{margin: -35px -20px;}
}

/* zixun */
.zixunbox{padding: 70px 0;background: #fafafa;}
.zixunbox .page_main_box{padding-bottom: 10px;}

.newsbox{width: 63%;max-width: 900px;float: left;}
.newsbox .title{margin-bottom: 25px;position: relative;overflow: hidden;}
.newsbox .title::after{content: "";width: 100%;height: 1px;background: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: -1;}
.newsbox .title p{width: 33.333%;max-width: 160px; float: left;line-height: 25px;text-align: center;}
.newsbox .title em{display: block;width: 100%;padding: 15px 5px;font-size: 20px;font-weight: 600;cursor: pointer;font-style: normal;white-space: nowrap;overflow: hidden;}
.newsbox .title p a{font-size: 15px;color: #808080;padding: 15px 0;text-transform: uppercase;opacity: 0;position: absolute;right: 0;top: 0;z-index: 0;}
.newsbox .title p a:hover{color: #f24f18;}
.newsbox .title p:hover em,
.newsbox .title p.active em{background: #f24f18;color: #fff;}
.newsbox .title p:hover a,
.newsbox .title p.active a{opacity: 1;z-index: 5;}

.newsbox .list{margin: 0 -10px;flex-wrap: nowrap;position: relative;}
.newsbox .list ul{width: 100%;padding: 0 10px;float: left;flex-shrink: 0;}
.newsbox .list ul .li_up{width: 100%;padding-bottom: 20px;position: relative;}
.newsbox .list ul .li_up .pic{width: 315px;position: absolute;left: 0;top: 0;}
.newsbox .list ul .li_up .pic a{display: block;width: 100%;height: 0;padding-bottom: 66.667%;overflow: hidden;position: relative;}
.newsbox .list ul .li_up .pic a img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.newsbox .list ul .li_up .txt{width: 100%;padding-left: 360px;}
.newsbox .list ul .li_up .txt .titl a{display: block;font-size: 16px;font-weight: 600;color: #004d99;line-height: 20px;padding: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsbox .list ul .li_up .txt .titl a:hover{color: #f24f18;}
.newsbox .list ul .li_up .txt .text{width: 100%;font-size: 15px;line-height: 2;color: #666;margin: 5px 0;height: 120px;overflow: hidden;}
.newsbox .list ul .li_up .txt .text br{display: none;}
.newsbox .list ul .li_up .txt .time{font-size: 15px;color: #999;line-height: 20px;padding: 10px 25px;background: url(../images/icon15.png) left center no-repeat;background-size: 16px 16px;}

.newsbox .list ul .li_down{width: 100%;border-bottom: 1px dotted #ccc;position: relative;}
.newsbox .list ul .li_down a{display: block;width: 100%;font-size: 15px;line-height: 25px;padding: 12px 80px 12px 25px;background: url(../images/icon10.png) left center no-repeat;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsbox .list ul .li_down span{color: #999;line-height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.newsbox .list ul .li_down.li_1{display: none;}

.faqbox{width: 35%;max-width: 480px;float: right;}
.faqbox .title{width: 100%;border-bottom: 1px solid #e6e6e6;margin-bottom: 25px;padding: 17px 0;overflow: hidden;line-height: 20px;}
.faqbox .title p{float: left;font-size: 20px;font-weight: 600;padding-left: 15px;border-left: 5px solid #f24f18;}
.faqbox .title a{float: right;font-size: 15px;color: #999;text-transform: uppercase;}
.faqbox .title a:hover{color: #f24f18;}

.faqbox .list{margin-right: -10px;padding-right: 10px;height: 480px;}
.faqbox .list ul li{width: 100%;padding: 15px;background: #fafafa;}
.faqbox .list ul li .titl a{display: block;padding: 5px 0 5px 30px;background: url(../images/icon11.png) left center no-repeat;font-size: 15px;line-height: 20px;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.faqbox .list ul li .text{width: 100%;padding-left: 30px;line-height: 24px;color: #666;background: url(../images/icon12.png) left 2px no-repeat;margin: 5px 0;height: 50px;overflow: hidden;}
.faqbox .list ul li .text br{display: none;}

.faqbox .list ul li:nth-of-type(even){background: #f3f3f3;}
.faqbox .list .swiper-scrollbar-drag{background: rgba(0,0,0,.2);}

@media only screen and (max-width:1440px){
.zixunbox{padding: 60px 0;}
.newsbox{width: 62%;}
.newsbox .list ul .li_up .txt{padding-left: 340px;}
}
@media only screen and (max-width:1250px){
.zixunbox{padding: 55px 0;}
.newsbox{width: 59%;}
.newsbox .title{margin-bottom: 20px;}
.newsbox .title p{line-height: 20px;max-width: 140px;}
.newsbox .title p em{font-size: 16px;}
.newsbox .title p a{font-size: 14px;}
.newsbox .list ul .li_up{padding-bottom: 10px;}
.newsbox .list ul .li_up .pic{width: 240px;}
.newsbox .list ul .li_up .txt{padding-left: 255px;}
.newsbox .list ul .li_up .txt .titl a{padding: 5px 0;}
.newsbox .list ul .li_up .txt .text{line-height: 25px;height: 100px;margin: 0;font-size: 14px;}
.newsbox .list ul .li_up .txt .time{padding: 0 25px;margin-top: 10px;}
.faqbox{width: 38%;}
.faqbox .title{margin-bottom: 20px;padding: 15px 0 14px;}
.faqbox .title p{font-size: 18px;}
.faqbox .title a{font-size: 14px;}
.faqbox .list{height: 420px;}
.faqbox .list ul li{padding: 12px 10px;}
.faqbox .list ul li .text{margin: 0;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding: 50px 0;}
.newsbox,
.faqbox{width: 100%;max-width: 100%;}
.newsbox{padding-bottom: 35px;}
.newsbox .title p{line-height: 25px;max-width: 150px;}
.newsbox .title p em{padding: 10px 5px;}
.newsbox .title p a{padding: 10px 5px;}
.newsbox .list ul .li_up{padding-bottom: 20px;}
.newsbox .list ul .li_up .txt{padding-left: 260px;}
.newsbox .list ul .li_up .txt .titl a{padding: 10px 0;}
.newsbox .list ul .li_up .txt .text{line-height: 2;height: 90px;font-size: 15px;}
.faqbox .list{height: 440px;}
.faqbox .list ul li{padding: 15px 2%;}
.faqbox .list ul li .titl a{font-size: 16px;}
.faqbox .list ul li .text{font-size: 15px;margin: 3px 0;}
}
@media only screen and (max-width:768px){
.zixunbox{padding: 45px 0;}
.newsbox{padding-bottom: 25px;}
.newsbox .title p{position: relative;}
.newsbox .title p::after{content: "";width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 9;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.newsbox .title p a{width: 100%;height: 100%;opacity: 0;}
.newsbox .title p.active a{opacity: 0;}
.newsbox .title p:hover::after,
.newsbox .title p.active::after{width: 0;}
.newsbox .list ul .li_up .pic{width: 195px;}
.newsbox .list ul .li_up .txt{padding-left: 210px;}
.newsbox .list ul .li_up .txt .titl a{padding: 5px 0;font-size: 15px;}
.newsbox .list ul .li_up .txt .text{line-height: 24px;height: 70px;font-size: 14px;}
.faqbox .list ul li .titl a{font-size: 15px;}
.faqbox .list ul li .text{font-size: 14px;}
}
@media only screen and (max-width:600px){
.newsbox .list ul .li_up{padding-bottom: 15px;}
.newsbox .list ul .li_up .pic{width: 180px;}
.newsbox .list ul .li_up .txt{padding-left: 190px;}
.newsbox .list ul .li_up .txt .titl a{padding: 4px 0;}
.newsbox .list ul .li_up .txt .text{height: 92px;}
.newsbox .list ul .li_up .txt .time{display: none;}
}
@media only screen and (max-width:480px){
.zixunbox{padding: 40px 0;}
.newsbox{padding-bottom: 20px;}
.newsbox .title p em{font-size: 15px;}
.newsbox .list ul .li_up{padding: 0;}
.newsbox .list ul .li_up .pic{width: 100%;position: relative;}
.newsbox .list ul .li_up .txt{padding: 10px 0;border-bottom: 1px dotted #ddd;}
.newsbox .list ul .li_up .txt .titl a{padding-left: 20px;background: url(../images/icon10.png) left center no-repeat;}
.newsbox .list ul .li_up .txt .text{height: auto;padding: 3px 0 3px 20px;}
.newsbox .list ul .li_down a{padding: 10px 75px 10px 20px;}
.faqbox .title{margin-bottom: 15px;}
.faqbox .list ul li{padding: 15px 3%;}
}
@media only screen and (max-width:425px){
.zixunbox{padding: 35px 0;}
.newsbox .list ul .li_up .txt .time{display: block;margin-top: 5px;padding-left: 20px;background: none;}
.newsbox .list ul .li_down a{padding-right: 0;}
.newsbox .list ul .li_down span{display: none;}
.faqbox .list ul li{padding: 10px;}
.faqbox .list ul li .titl a{padding-left: 27px;}
.faqbox .list ul li .text{padding-left: 27px;margin: 0;height: 60px;line-height: 20px;background-position-y: 0;}
}

/* contact */
.contactbox{padding-top: 70px;}
.contactbox .conbox{padding: 55px;background: #14365a url(../images/bg3.jpg) center no-repeat;background-size: cover;flex-wrap: nowrap;}

.contactbox .txtbox{width: 46%;float: left;flex-shrink: 0;padding-right: 2%;color: #fff;}
.contactbox .txtbox .titl{float: left;font-size: 24px;line-height: 1;margin-bottom: 25px;}
.contactbox .txtbox .titl p{padding: 5px 0 25px;white-space: nowrap;}
.contactbox .txtbox .titl em{width: 2em;height: 1px;background: rgba(255,255,255,.5);display: block;}
.contactbox .txtbox .titl:hover em{width: 100%;background: #fff;}
.contactbox .txtbox .text{width: 100%;float: left;}
.contactbox .txtbox .text p{line-height: 25px;padding: 5px 0;font-size: 15px;}

#order{width: 54%;float: right;flex-shrink: 0;}
#order ul{padding: 25px 40px;background: rgba(255,255,255,.2);}
#order ul li{width: 100%;color: rgba(255,255,255,.75);line-height: 25px;font-size: 15px;border-bottom: 1px solid rgba(255,255,255,.25);margin-bottom: 5px;padding: 7px 0 7px 80px;position: relative;}
#order ul li .tit{position: absolute;left: 10px;top: 7px;}
#order ul li .red{position: absolute;left: 0;top: 10px;}
#order ul li .txt{display: block;width: 100%;line-height: 25px;background: none;color: #fff;}
#order ul li img{padding: 3px;background: #fff;border-radius: 3px;position: absolute;right: 0;top: 50%;margin-top: -12px;cursor: pointer;}
#order ul li.li_4{padding: 15px 0;border: none;margin: 0;}
#order ul li.li_4 .tj{display: block;width: 100%;font-size: 15px;line-height: 25px;font-weight: 600;color: #fff;text-align: center;padding: 10px;background: #004d99;}
#order ul li.li_4 .tj:hover{background: #f24f18;}

.contactbox .mapbox{height: 0;padding-bottom: 400px;}
.contactbox .mapbox iframe{position: absolute;}

@media only screen and (max-width:1250px){
.contactbox{padding-top: 60px;}
.contactbox .conbox{padding: 4%;}
.contactbox .txtbox,
#order{width: 50%;}
#order ul{padding: 20px 30px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 55px 0;}
.contactbox .txtbox .titl{margin-bottom: 20px;}
.contactbox .txtbox .titl p{font-size: 20px;font-weight: 600;padding-bottom: 20px;}
#order ul{padding: 15px 25px;}
.contactbox .mapbox{padding-bottom: 360px;}
}
@media only screen and (max-width:768px){
.contactbox{padding: 50px 0;}
.contactbox .conbox{padding: 5%;flex-wrap: wrap;}
.contactbox .txtbox{width: 100%;padding-right: 0;}
.contactbox .txtbox .titl p{font-size: 24px;}
#order{width: 100%;padding: 5% 0 1%;}
#order ul{padding: 20px 30px;}
.contactbox .mapbox{padding-bottom: 320px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 40px 0;}
.contactbox .txtbox .titl{margin-bottom: 15px;}
.contactbox .txtbox .titl p{font-size: 20px;padding: 10px 0 15px;}
.contactbox .txtbox .text p{line-height: 20px;font-size: 15px;}
#order ul{padding: 3% 5% 2%;}
.contactbox .mapbox{padding-bottom: 280px;}
}

/* links */
.linkbox{line-height: 25px;padding: 40px 0;}
.linkbox ul p{position: absolute;left: 0;top: 0;font-weight: 600;}
.linkbox ul{padding-left: 75px;position: relative;min-height: 25px;margin: -5px auto;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1440px){
.linkbox{padding: 35px 0;}
}
@media only screen and (max-width:1250px){
.linkbox{padding: 30px 0;}
}
@media only screen and (max-width:1024px){
.linkbox{display: none;}
}